<template>
  <div class="intro">
	   <div class="top_view">
       <mt-header title="项目审核" fixed>
      <!-- <router-link to="/" slot="left">
        <mt-button icon="back">返回</mt-button>
      </router-link> -->
      <mt-button icon="" slot="right">我的项目</mt-button>
    </mt-header>
    <div class="col-container">
      <el-row>
        <el-col :span="24">
          <div class="grid-content bg-purple everycol">
              <div class="col_title">
                项目名称：xxxx
              </div>
              <div class="col_title">
                专属服务：深度追究服务
              </div>
              <div class="col_title">
                提交时：2018-08-18
              </div>
              <div class="col_title">
                评审状态：<span style="color:#00BFFF;">评审中</span>
              </div>
          </div>
        </el-col>
      </el-row>
    </div>
     <div class="col-container">
      <el-row>
        <el-col :span="24">
          <div class="grid-content bg-purple everycol">
              <div class="col_title">
                项目名称：xxxx
              </div>
              <div class="col_title">
                专属服务：深度追究服务
              </div>
              <div class="col_title">
                提交时：2018-08-18
              </div>
              <div class="col_title">
                评审状态：已完成
                <button class="look_btn">查看结果</button>
              </div>
          </div>
        </el-col>
      </el-row>
    </div>
    <div class="col-container">
      <el-row>
        <el-col :span="24">
          <div class="grid-content bg-purple everycol">
              <div class="col_title">
                项目名称：xxxx
              </div>
              <div class="col_title">
                专属服务：深度追究服务
              </div>
              <div class="col_title">
                提交时：2018-08-18
              </div>
              <div class="col_title">
                评审状态：<span style="color:#00BFFF;">评审中</span>
              </div>
          </div>
        </el-col>
      </el-row>
    </div>
     <div class="col-container">
      <el-row>
        <el-col :span="24">
          <div class="grid-content bg-purple everycol">
              <div class="col_title">
                项目名称：xxxx
              </div>
              <div class="col_title">
                专属服务：深度追究服务
              </div>
              <div class="col_title">
                提交时：2018-08-18
              </div>
              <div class="col_title">
                评审状态：已完成
                <button class="look_btn">查看结果</button>
              </div>
          </div>
        </el-col>
      </el-row>
    </div>
    <div class="col-container">
      <el-row>
        <el-col :span="24">
          <div class="grid-content bg-purple everycol">
              <div class="col_title">
                项目名称：xxxx
              </div>
              <div class="col_title">
                专属服务：深度追究服务
              </div>
              <div class="col_title">
                提交时：2018-08-18
              </div>
              <div class="col_title">
                评审状态：<span style="color:#00BFFF;">评审中</span>
              </div>
          </div>
        </el-col>
      </el-row>
    </div>
     <div class="col-container">
      <el-row>
        <el-col :span="24">
          <div class="grid-content bg-purple everycol">
              <div class="col_title">
                项目名称：xxxx
              </div>
              <div class="col_title">
                专属服务：深度追究服务
              </div>
              <div class="col_title">
                提交时：2018-08-18
              </div>
              <div class="col_title">
                评审状态：已完成
                <button class="look_btn">查看结果</button>
              </div>
          </div>
        </el-col>
      </el-row>
    </div>
    <div class="col-container">
      <el-row>
        <el-col :span="24">
          <div class="grid-content bg-purple everycol">
              <div class="col_title">
                项目名称：xxxx
              </div>
              <div class="col_title">
                专属服务：深度追究服务
              </div>
              <div class="col_title">
                提交时：2018-08-18
              </div>
              <div class="col_title">
                评审状态：<span style="color:#00BFFF;">评审中</span>
              </div>
          </div>
        </el-col>
      </el-row>
    </div>
     <div class="col-container">
      <el-row>
        <el-col :span="24">
          <div class="grid-content bg-purple everycol">
              <div class="col_title">
                项目名称：xxxx
              </div>
              <div class="col_title">
                专属服务：深度追究服务
              </div>
              <div class="col_title">
                提交时：2018-08-18
              </div>
              <div class="col_title">
                评审状态：已完成
                <button class="look_btn">查看结果</button>
              </div>
          </div>
        </el-col>
      </el-row>
    </div>
     <div class="col-container">
      <el-row>
        <el-col :span="24">
          <div class="grid-content bg-purple everycol">
              <div class="col_title">
                项目名称：xxxx
              </div>
              <div class="col_title">
                专属服务：深度追究服务
              </div>
              <div class="col_title">
                提交时：2018-08-18
              </div>
              <div class="col_title">
                评审状态：已完成
                <button class="look_btn">查看结果</button>
              </div>
          </div>
        </el-col>
      </el-row>
    </div>
     <div class="col-container">
      <el-row>
        <el-col :span="24">
          <div class="grid-content bg-purple everycol">
              <div class="col_title">
                项目名称：xxxx
              </div>
              <div class="col_title">
                专属服务：深度追究服务
              </div>
              <div class="col_title">
                评审状态：未提交
                <button class="commit_btn">提交审核</button>
              </div>
          </div>
        </el-col>
      </el-row>
    </div> 
    <div class="bottom_view">
        <button>创建新评审</button>
    </div>
     </div>
  </div>
</template>

<script>
// @ is an alias to /src
import mHeader from '@/components/header'

export default {
  name: 'intro',
  components: {
    mHeader
  }
}
</script>
<style scoped>

.col-container { font-size:14px; color: #666; padding-top:10px;}
.everycol { text-align: left;}
.col_title { padding:5px; }
.col_title .look_btn { position:absolute; right:10px; border-radius:3px; border:1px solid #00BFFF; color:#00BFFF; background:#fff; bottom:10px;}
.col_title .commit_btn { position:absolute; right:10px; top:50%; color: #00BFFF; }
.top_view { margin-bottom:136px; }
.bottom_view { position:fixed; bottom:56px;  width:100%; padding:20px;}
.bottom_view button { color:#666; border-radius:20px; width:150px; height:40px; }
.el-row {
    &:last-child {
      margin-bottom: 0;
    }
  }
  .el-col {
    border-radius: 4px;
  }
  .bg-purple-dark {
    background: #99a9bf;
  }
  .bg-purple {
    border-radius:3px;
    background:#fff;
  }
  .bg-purple-light {
    background: #e5e9f2;
  }
  .grid-content {
    border-radius: 4px;
    min-height: 50px;
  }
  .row-bg {
    padding: 10px 0;
    background-color: #f9fafc;
  }
</style>
